<!DOCTYPE html>
<html>
<head>
	<title>demo4</title>
	<meta charset="utf-8"/>
	<style type="text/css">
		*{
			margin: 0px;
			padding: 0px;
		}
		form{
			width: 780px;
		}
		div{
			border: 1px solid #000;
			width: 350px;
			height: 45px;
			margin: 0 25px 25px 0;
			float: left;
		}
		.down{
			height: 210px;
		}
		span{
			float: left;
			width: 45px;
			height: 45px;
			background: #e7e7e7 url('target.png') no-repeat;
		}
		.down span{
			height: 210px;
		}
		input{
			float: left;
			border: none;
			height: 35px;
			text-indent: 18px;
		}  
		textarea{
			border:none;
			text-indent: 18px;

		}
		p{
			margin: 40px auto;
			text-indent: 63px;
		}
		#m{
			width: 350px;
			height: 45px;
		}
/*		div#a{
			height: 45px;
			width: 350px;
			margin-right: 25px;
			margin-bottom: 25px;
			padding-left: 63px;
			border: 1px solid #000;
			background-image: url(target.png);
			background-repeat: no-repeat;
			background-position: left center;
			float: left;
		}
		#b{
			height: 45px;
			width: 350px;
			margin-right: 25px;
			margin-bottom: 25px;
			padding-left: 63px;
			border: 1px solid #000;
			float: left;
		}
		#c{
			height: 210px;
			width: 350px;
			margin-right: 25px;
			padding-top: 40px;
			border: 1px solid #000;
			float: left;
		}
		#d{
			height: 210px;
			width: 350px;
			padding-top: 40px;
			border: 1px solid #000;
			float: left;
		}
		#d div{
			width: 350px;
			padding-top: 40px;
			background: #bbb;

		}
*/
	</style>
</head>
<body>
	<form method="get" action="#">
		<div>
			<span style="background-position: 13px 14px"></span>
			<input type="text" name="username" value="名字"/>
		</div>
		<div>
			<span style="background-position: -31px 14px"></span>
			<input type="text" name="email" value="邮箱"/>
		</div>
		<div class="down">
			<span style="background-position: -128px 14px"></span>
			<textarea name="tell">说点什么吧</textarea>
		</div>
		<div class="down">
			<p>谢谢你的留言，我们将及时回复！</p>
			<input type="submit" value="发送留言" id="m" />
		</div>

	</form>
</body>
</html>